body.myBook{
  min-height: 100vh;
}

.bookingDetail_container {
  width: 100%;
  /* height: 100%; */
  background-image: unset;
  background-size: cover;
  background-repeat: no-repeat;
  /* transform: rotateY(180deg); */

  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 150px;

  position: relative;
  overflow: hidden;
  z-index: 2;
}

.myBooking .deco_ball_container {
  width: 100%;
  position: absolute;
  top: -8%;
}

.bookingDetail {
  width: 100%;
  /* height: 100%; */
  /* transform: rotateY(180deg); */
  /* margin-top: 80px; */
  display: flex;
  align-items: center;
  flex-direction: column;
  /* padding-top: 150px; */
  /* padding-bottom: 250px; */
  position: relative;
  /* overflow: hidden; */
}

.reschedulePopupDesc_row1_peak{
  margin-left: 5px;
}
.bookingDetail_content {
  min-width: 300px;
  width: 100%;
  /* aspect-ratio: 309 / 749; */

  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  max-width: 360px;
  position: relative;
}


.bookingDetail_qrcode_container {
 width: 100%;
    max-width: 360px;
 padding: 7px;
    border-radius: 19.093px;
    background: #113121;

}

.bookingDetail_qrcode_container_inner{
  border-radius: 14.32px;
border: 1.193px solid #A9936B;
   padding: 30px 80px;
      display: flex;
    justify-content: center;

}
.myBooking  .titleName{
width: 72%;
min-width: 228px;
}
.myBooking  .titleName p {
   color: #29110B;

/* EN/Body - Bold */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
width: unset;
margin-bottom: 10px;
}

.myBooking .cart_container_content_left_santa_santa_grove_detail_title  .bookingDetail_desc_detail{
  color: #6E5D40;

/* EN/Body - Regular */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */

}

.bookingDetail_desc_detail.charge{
  margin-bottom: 8px;
  color: #6E5D40;

/* EN/Body - Regular */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}

.RescheduleDetailPopup .divisionLine:nth-of-type(2){
  display: none;
}
.myBooking .icon_date_white{
  margin-bottom: 0px;
}

.myBooking .cart_container_content_left_santa_santa_grove_detail{
  justify-content: space-between;
}

.myBooking .cart_container_content_left_santa_santa_grove_detail.addson{

  margin-bottom: 9px;
}
.myBooking .cart_container_content_left_th::after {
  bottom: -6px;
}



.myBooking .cart_container_content_left_th{
  height: 32px;
  margin-bottom: 34px;
  justify-content: space-between;
}

.bookingDetail_qrcode {
  /* width: 45%; */
  /* min-width: 150px; */
  padding: 10px;
  aspect-ratio: 1/1;
  background-color: white;
  display: flex;
  border-radius: 14px;
 max-width: 168px;
}

.bookingDetail_desc_container {
  width: 100%;
  /* aspect-ratio: 309 / 573; */
  display: flex;
  /* align-items: center; */
  justify-content: center;
  /* padding: 5%; */

  position: relative;
}


.bookingDetail_desc {
  width: 100%;
  display: flex;
  flex-direction: column;
/*   
  padding-top: 40px; */
  /* justify-content: space-between; */
  /* height: 80%; */

  margin-top: 36px;
  padding-bottom: 30px;
  position: relative;

  /* justify-content: space-between; */
  /* height: 80%; */
}

.bookingDetail_desc::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: url(../images/2025images/devisionLineBrown.svg);
  background-size: cover;
  background-repeat: no-repeat;
      bottom: 0px;
}


.myBooking .cancel{
  margin-top: 0px;
}
.myBooking .btnWrapper{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bookingDetail_desc_detail {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}






.bookingDetail_title {
color:  #00432F;
text-align: center;

/* EN/Headline XL */
font-family: "Autour One";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 38.4px */
margin-bottom: 24px;
}
.myBooking .cart_container_content_left_santa_santa_grove_detail_other_item_name{
  color: #29110B;

/* EN/Body - Bold */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
}
 .myBooking .btnWrapper {
  width: 100%;
  min-width: 250px;
  margin-top: 36px;
  max-width: 360px;
}


.cancel {
  display: block;
  width: 100%;
color: #29110B;
text-align: center;
/* EN/Body Small - Regular */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */


}
.bookingDetail_bottom_left {
  width: 35%;
  aspect-ratio: 482 / 363;
  background-image: url(../images/myBooking_bottom_left.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  bottom: 9%;
}

.bookingDetail_bottom_right {
  width: 50%;
  aspect-ratio: 867 / 788;
  background-image: url(../images/sales_monster_deco.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  bottom: -7%;
  max-width: 700px;
  background-position: bottom;
}

.bookingDetail_bottom_red_paper {
  width: 100%;
  aspect-ratio: 956/484;
  background-image: url(../images/myBooking_red_check_paper.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: -1;
}




.myBooking .cancelPopup .popupTitle, .myBooking .cancelConfirmPopup .popupTitle {
 color: #7B1A1E;
text-align: center;
font-family: "Autour One";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 36px */
text-transform: uppercase;
margin-top: 0px;
}



.cancelPopup .btnWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
  max-width: 340px  !important;
  margin:  36px auto;
  gap: 16px;
  flex-direction: column;

}

.bookingDetail_desc_remark {
 color: #29110B;

/* EN/Body Small - Regular */
font-family: Inter ,'Noto Sans TC';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
}


.cancelPopup .mfp-close {
  width: 24px;
  aspect-ratio: 1 / 1;
  background-image: url(../images/2025images/icn_close_brown.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  position: absolute;

}




.myBooking .deco_star3 {
  display: block;
  position: absolute;
  left: 284px;
  top: 19px;
  width: 18px;
  height: 15px;
  transform: rotate(-18.97deg);
  background-image: url(../images/deco_gold_star_small.png);
  background-size: 100% auto;
}




.RescheduleDetailPopup .popupInner {
  align-items: flex-start;

  justify-content: center;
}






.myBooking .RescheduleDetailPopup .btnWrapper {
  width: 100%;
  max-width: 100%;
  margin-top: 0px;
}

.RescheduleDetailPopup .bookingDetail_desc_name {
color: #29110B;

/* EN/Body - Bold */
font-family: Inter ,'Noto Sans TC';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  position: relative;
  z-index: 2;
}

.bookingDetail_desc_name .peak {
  display: flex;
  padding: 4px 13px;
  color: #fcf3e8;
  /* Desktop EN/Body Small - Regular */
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  text-align: center;
  border-radius: 36px;
  background: #242711;
}

.detail_name {
  width: 100%;
  text-align: left;
  color: #A9936B;
/* EN/Button */
font-family: "Autour One";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; 

}

.RescheduleDetailPopup .detail_name {
margin: 24px 0 16px;
}

.RescheduleDetailPopup .divisionLine {
  display: block;
  width: 100%;
  height: 6px;
  background-image: url(../images/2025images/deco_underline_green.svg);
  background-position: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  margin:16px 0px 0px;
}

.newBooking_container{
  position: relative;
}

.newBooking_container img{
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 200px;
}

.RescheduleDetailPopup  .divisonLine_green{
  max-width: unset;
}

.RescheduleDetailPopup .bookingDetail_desc_detail {
  margin:5px 0px;
position: relative;
z-index: 2;
}

.RescheduleDetailPopup .bookingDetail_desc_detail span {
color: #6E5D40;

/* EN/Body - Regular */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}
 
.RescheduleDetailPopup .divisonLine_green{
  width: 100%;
}

.reschedule_remark {
color: #29110B;

/* EN/Body Small - Regular */
font-family: Inter ,'Noto Sans TC';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
margin: 19px 0px 24px;
position: relative;
z-index: 2;
}
.bookingContainer_main_step1{
  margin-bottom: 56px;
}

.booking .bookingContainer_main_step1{
  margin-bottom: 0px;
}
.bookingContainer_main_step1_top_sessionContainer {
  width: 320px;

  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.myBooking .santa_intro_container_main_title_ticket {
  
  margin: 0px auto;
  position: relative;
  min-width: 300px;
  display: block;
  max-width: 426px;

}

.myBooking .myBooking_bottom_deco{
position: relative;
    width: 60%;
    min-width: 320px;
    max-width: 973px;
    aspect-ratio: 1858 / 717;

}


.myBooking .myBooking_bottom_deco .myBooking_bottom_deco1{

  width: 100%;
 aspect-ratio: 1460/547;
  background-image: url(../images/2025images/deco_mybooking_bottom.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  background-position: bottom;
  z-index: 1;
}

.myBooking .myBooking_bottom_deco .myBooking_bottom_deco2{

  width: 40%;
  aspect-ratio: 1/1;
  background-image: url(../images/2025images/deco_mama_bear.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  left: 0px;
  bottom: 0px;
  z-index: 2;
    position: absolute;
}
.myBooking #month {
    color: #29110B;
    text-align: center;
    font-family: Inter ,'Noto Sans TC';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    width: 100%;
}

.santa_intro_container_main_title_ticket ::before {
  content: none;
}

.bookingCancel_container .bookingConfirm_container_bg_content {
  padding: 50px 0%;
}

.myAlbum_container {
  width: 100%;
}

#myAlbum_container_qrcode{
  background-color: white;
  padding: 10px;
}
.myAlbum_container .bookingConfirm_container_bg_content_title {
  text-align: center;
  color: #29110B;
text-align: center;

/* Tablet TC/Title 1 - Bold */
font-family: "Noto Sans TC";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 38.4px */
margin-bottom: 36px;
}

.myAlbum_container .bookingConfirm_container_bg_content_title::before {
  content: none;
}

.myBooking .bookingConfirm_container, .myBooking .bookingCancel_container {
  min-height:100vh;
  width: 100%;
}

.myBooking .bookingCancel_container{
  min-height: 560px;
}

.myBooking .bookingDetail_bottom{
  position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0px;
}

.myBooking .bookingConfirm_container .bookingDetail_bottom img{
margin-bottom: -7px;
}

  .myBooking .cancelPopup img{
  width: 100%;
  max-width: 100%;

  }
.bookingConfirm_container .btnWrapper{
  margin-top: 0px;
}

.myBooking .cancelPopup .btnWrapper{
  margin-top: 24PX;
}

.cancelPopup  .quantity{
width: 100px;
}
.myBooking .bookingConfirm_container_bg_content_desc{
  margin: 36px auto;
  margin-bottom: 36px;
}

.myBooking .bookingConfirm_container_bg_content_desc.desc1{
  margin-top: 0;
}

.myBooking .bookingCancel_container .bookingConfirm_container_bg_content_desc.desc1{
  margin-top: 36px;
}
.zh-HK .bookingCancel_container .bookingConfirm_container_bg_content_title br{
  display: none;
}
.myBooking  .bookingCancel_container .btnWrapper{
  margin-top: 0px;
}

.myAlbum_container {
  width: 100%;
  min-height: 100svh;
  background-image: url(../images/2025images/paper_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

  padding-top: 80px;
  text-align: center;
}
.myBooking .myAlbum_container{
  padding-top: 0px;
}

.myAlbum_container .santa_intro_container_main_title_ticket{
    margin: 56px auto;
    width: min-content;
    min-width: unset;

}

.myAlbum_container .santa_intro_container_main_title_ticket img{
  width: 100%;
  height: 6px;
  object-fit: cover;

}

.myAlbum_container .santa_intro_container_main_title_ticket h3{
width: fit-content;
    padding-inline: 32px;
    white-space: nowrap;
    font-size: 32px;
    font-weight: 400;
}

.myAlbum_container_bottom{
  position: absolute;
  bottom: 0px;
  width: 100%;
  aspect-ratio: 1440/420;

}

.myAlbum_container_bottom_left{
  position: absolute;
width: 40%;
aspect-ratio: 1017/1076;
background-image: url(../images/2025images/my_album_left.png);
background-repeat: no-repeat;
background-size: 100% auto;
left: 0px;
bottom: 0px;
max-width: 500px;

}

.myAlbum_container_bottom_right{
  position: absolute;
width: 35%;
aspect-ratio: 951/845;
background-image: url(../images/2025images/my_album_right.png);
background-repeat: no-repeat;
background-size: 100% auto;
right: 0px;
bottom: 0px;
max-width: 450px;

}

.zh-HK .myAlbum_container .santa_intro_container_main_title_ticket h3{
  font-weight: 700;
}

.myAlbum_container .cart_container_nothing_desc {
      color: #29110B;
    text-align: center;
    font-family: "Autour One", Noto Sans TC;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.zh-HK .myAlbum_container .cart_container_nothing_desc {
    
    font-weight: 700;

}


.myAlbum_container .cart_nothing{
  padding-top: 0px;
}



.myAlbum_container_nothing p {
  color: #000;
  text-align: center;

  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 24px */
}



.myAlbum_container_photo_container {
  width: 100%;
  padding-bottom: 38px;
  display: flex;
  flex-direction: column;
}

.myAlbum_container_photo_desc {
  padding: 0 5%;
  color: #000;
  text-align: center;

  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
/* 
.myAlbum_container_photo_container img {
  display: block;
  max-width: 358px;
  aspect-ratio: 358/238;

  background-clip: padding-box;
  position: relative;
  z-index: 1;
  margin: 38px auto;
} */
.image-wrapper {
  display: inline-block;
  padding: 3.5px; /* Border thickness */
 

  margin: 36px auto;
}

.image-wrapper img {
  display: block;
  max-width: 358px;
  /* aspect-ratio: 358/238; */
  border: 3.255px solid #113121;

}
.myAlbum_container_photo_bottom {
  width: 100%;
position: relative;
overflow: hidden;
margin-bottom: -10px; 


}

.myAlbum_container_photo_bottom img{
  width: 100%;
}

.myAlbum_container_photo_bottom #myAlbum_deco_bear{
 position: absolute;
    width: 90%;
    aspect-ratio: 1 / 1;
    right: -20%;
    top: 0%;
  transform-origin: bottom;
      animation: 3s swing ease-in-out infinite alternate-reverse;
}

  .reschedule_container .btnWrapper{
   margin-top: 0px; 
   margin-inline: auto;
  }
.reschedule_container{
  width: 100%;
}
.reschedule_container  .myBooking_bottom_deco{
  width: 100%;
  margin: 30px auto 0px;
}



.bookingConfirm_container .divisonLine_green{
  width: 100%;
}
@media (max-width: 960px) {
  .myBooking .myBooking_bottom_deco{
    width: 100%;
  }
  .myBooking .cancelPopup .mobile_tag{
    display: none !important;
  }
  .bookingConfirm_container{
    min-height: 100svh;
  }
  .bookingDetail_bottom{
    text-align: center;
    position: absolute;
    bottom: 0px;
  }
  .newBooking_container img{
  width: 50%;
        bottom: 0px;
        top: 21%;
        right: -38px;
        max-width: 200px;
  }

  .myBooking .bookingConfirm_container_bg .btnWrapper{
    margin-top: 12px;
  }

  .reschedule_container .bookingContainer_main_step1_container {
    width: 100%;
    margin: 48px auto 0px;
    max-width: 416px;
}

.reschedule_container .session_container_timeslot_container{
  padding: 0px;
}
  .myBooking .santa_intro_container_main_title_ticket img{
    width: 100%;
    max-width: 100%;
  }
  .bookingContainer_main_step1 {
    width: 100%;
    padding-top:48px;
}
  .myBooking .quantity{
    text-align: center;
  }

  .myBooking .cart_container_content_left_santa_santa_grove_detail{
    flex-direction: row;
  }
 

  .myBooking .cart_container_content_left_santa_santa_grove_detail_other_item_name{
    width: 72%;
    min-width: 228px;
  }


  .myBooking .deco_ball_container {
    width: 100%;
    position: relative;
    /* min-height: unset; */
    display: flex;
  }
  .reschedule_container {
    width: 100%;
    /* height: 100%; */
    /* background-image: url(../images/myBooking_paper_bg.png); */
    background-size: cover;
    background-repeat: no-repeat;
    /* transform: rotateY(180deg); */

    display: flex;
    align-items: center;
    flex-direction: column;
    /* padding-top: 150px; */
    /* padding-bottom: 250px; */
    position: relative;
  }
 

  .mybooking .bookingContainer_main_step1_top_calendarContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -65px;
  }

.myBooking .cancelPopup{
  padding-top: 46px;
  padding-bottom: 36px;
}

  .cancelPopupDesc_row1_num {
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #eee2c8;
    display: flex;
    gap: 16px;
  }


  
  .cancelPopupDesc_row1_num {
    left: 37px;
    bottom: 196px;
  }

  .cancelPopup::before {
    content: none;
  }
  .bookingDetail_bottom img{
    width: 100% !important;
  }

  .myBooking .confirmResBtn {
    /* margin-top: -40px; */
  }

  .myBooking .reschedule_container_content {
    padding-bottom: 30px;
  }

  .santa_intro_container_main_title_ticket {
    width: auto;

    position: relative;
    min-width: 300px;
    display: block;
 
    place-self: stretch;
    white-space: nowrap;
    align-self: center;
  }

  .santa_intro_container_main_title_ticket ::before {
    content: none;
  }

 


}

@media (max-width: 460px) {
 .myBooking .bookingCancel_container{
  min-height: unset
}

}